html body{ padding: 0; font-weight: 100; font-family: "microsoft yahei","Heiti"; -webkit-font-smoothing:antialiased; color: #ffffff; background-color: #000000; font-size: 14px; height:100%;overflow:hidden;}
html body,ul,li,dl,h1,h2,h3,h4,h5,h6,p{padding: 0;margin: 0; line-height: 1.5;}
ul{list-style: none;}
.clear{ clear:both; margin: 0; padding: 0; height: 0; font-size: 0;}
a{color: #fff;text-decoration: none;}
img{ border: 0 none; vertical-align: top;}
.clearfix:after{ content: ''; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{ float: right;}
.pr{ position: relative;}
.ps{ position: absolute;}
.container{ display: block; width:100%; height: 100%; margin: 0 auto; position: relative;}
.center{ text-align: center;}
.dn{ display: none;}

.qspagecontent{ padding: 0; margin: 0;position: relative; overflow: hidden; margin-top:-20px;}
.qspagecontent .scrollpage{position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: block; background-color: #000000; }
.qspagecontent .scrollpage.velocity-animating{display: block}
.qspagecontent .scrollpage.active{z-index: 2; display: block;}
.logo{ width: 140px; height:40px; top: 10px; left: 30px; z-index: 10;}

/*背景*/
.bg{ width: 100%; top: 0;}
.qspagecontent .scrollpage .bg{ left:0!important; margin-left:0!important;}

.p1_wz{ width: 34.62%; top: 8.51%; right: 0;}
.p2_wz{ width: 38.31%; top: 20.25%; left: 31.75%;}
.p2_btn{ width: 6.5%; top: 57%; left: 46.75%;}
.p3_wz{ width: 28.18%; top: 26.5%; left: 2.25%;}
.p3_bot{ width: 8.75%; bottom: 1.75%; left: 3.25%;}

.page1 .txt{position: absolute; top: 15%; left: 38%; width: 24%; max-width: 467px; text-align: center;}
.page1 .txt img{display: block; width:100%;}

.page1.active .t1{-webkit-animation: fadeInUp 0.8s ease-out backwards;animation: fadeInUp 0.8s ease-out backwards; -webkit-animation-delay:0.1s;}
.page1.active .t2{-webkit-animation: fadeInUp 0.8s ease-out backwards;animation: fadeInUp 0.8s ease-out backwards; -webkit-animation-delay:0.2s;}
.page1.active .t3{-webkit-animation: fadeInUp 0.8s ease-out backwards;animation: fadeInUp 0.8s ease-out backwards; -webkit-animation-delay:0.3s;}
.page1.active .t4{-webkit-animation: fadeInUp 0.8s ease-out backwards;animation: fadeInUp 0.8s ease-out backwards; -webkit-animation-delay:0.4s;}

#swiper1,#swiper2,#swiper3,#swiper4,#swiper5{ width: 100%; height: 100%; z-index: 1; top: 0;}
#swiper1 .swiper-slide,#swiper2 .swiper-slide,#swiper3 .swiper-slide,#swiper4 .swiper-slide,#swiper5 .swiper-slide{ position: relative; height: 100%;}
.swiper-wrapper{ height: 100%;}
.p4_img{ width: 71.06%; top: 0; right: 0;}
.p4_wz{ width: 31.37%; top: 30.37%; left: 4.75%; z-index: 2;}
.xiao_img{ right: 0; z-index: 2;}
.p4_xiao_img{ bottom: 12%; width: 585px; height: 127px; background: url(../images/p4_img_xiao.png) no-repeat 1px 1px;}
.p4_xiao_img div{ position: absolute; width: 250px; height: 127px; cursor: pointer;}
.p4_xiao_img .hover{ width: 263px; height: 127px; background: url(../images/p4_hover.png) no-repeat;}
.p4_xiao_img .one{ left: -3px;}
.p4_xiao_img .two{ left: 167px;}
.p4_xiao_img .three{ left: 338px;}
.p4_xiao_img div:last-child.hover{ background: url(../images/p4_hover_last.png) no-repeat;}

.p5_wz{ width: 32.68%; bottom: 18.62%; left: 4.37%; z-index: 2;}
.p5_img01,.p5_img02{ width: 72.31%; top: 0; right: 0;}
.p5_img03{ height: 51.87%; top: 0; right: 25.12%;}
.p5_img04{ height: 87.37%; bottom: 0; right: 0;}
.p5_btn{ bottom: 12%; width: 156px; left: 50%; margin-left: -78px;}
.p5_btn{ z-index: 5; text-align: center;}
.p5_btn a{ display: inline-block; width: 65px; height: 34px; margin: 0 3px; background: #cdcdcd; transform: skew(-20deg); -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); -ms-transform: skew(-20deg);}
.p5_btn a.on{ background: #848484;}
/*.p7_box li img,.p9_box img,.p12_box li img,.p13_wz img,.p14_box li img,.p16_box li img,.p21_box li img,.p22_box img,.p23_box li img,.p25_box li img{ display: block; width: 100%;}*/
.p6_wz{ width: 39.43%; bottom: 11.25%; left: 3.25%; z-index: 2;}
.p6_img{ width: 70.31%; top: 5.5%; right: 0;}
.page5,.page7,.page8,.page9,.page11,.page16{ background: #000;}
.p7_img{ width: 58.8%; top: 0; left: 0;}
.p7_wz{ width: 35%; top: 24.37%; right: 4.12%; z-index: 2;}
.p7_xiao_img{ bottom: 12.87%; width: 592px; height: 138px; background: url(../images/p7_img_xiao.png) no-repeat 0 3px;}
.p7_xiao_img div{ position: absolute; width: 257px; height: 138px; cursor: pointer;}
.p7_xiao_img .hover{ width: 275px; height: 138px; background: url(../images/p7_hover.png) no-repeat;}
.p7_xiao_img .one{ left: -8px;}
.p7_xiao_img .two{ left: 170px;}
.p7_xiao_img .three{ left: 345px;}
.p7_xiao_img .four{ left: 524px;}
.p7_xiao_img div:last-child.hover{ background: url(../images/p7_hover_last.png) no-repeat;}

.p8_img{ width: 100%; top: 0;}
.p8_wz{ width: 47.68%; bottom: 10.37%; left: 2.87%; z-index: 2;}
.p8_xiao_img{ bottom: 11.62%; right: 0; width: 564px; height: 94px; background: url(../images/p8_img_xiao.png) no-repeat 0 2px;}
.p8_xiao_img div{ position: absolute; width: 188px; height: 94px; cursor: pointer;}
.p8_xiao_img .hover{ width: 196px; height: 95px; background: url(../images/p8_hover.png) no-repeat;}
.p8_xiao_img .one{ left: -2px;}
.p8_xiao_img .two{ left: 126px;}
.p8_xiao_img .three{ left: 250px;}
.p8_xiao_img .four{ left: 376px;}
.p8_xiao_img div:last-child.hover{ background: url(../images/p8_hover_last.png) no-repeat;}

.p9_img{ width: 64.31%; top: 0; right: 10.87%;}
.p9_wz{ width: 36.18%; bottom: 10%; left: 3.68%; z-index: 2;}
.p9_xiao_img{ bottom: 13.87%; right: 0; width: 831px; height: 117px; background: url(../images/p9_img_xiao.png) no-repeat 0 2px;}
.p9_xiao_img div{ position: absolute; width: 232px; height: 117px; cursor: pointer;}
.p9_xiao_img .hover{ width: 243px; height: 118px; background: url(../images/p9_hover.png) no-repeat;}
.p9_xiao_img .one{ left: -1px;}
.p9_xiao_img .two{ left: 155px;}
.p9_xiao_img .three{ left: 310px;}
.p9_xiao_img .four{ left: 463px;}
.p9_xiao_img .five{ left: 618px;}
.p9_xiao_img div:last-child.hover{ background: url(../images/p9_hover_last.png) no-repeat;}

.p10_img{ width: 71.37%; top: 0; right: 0;}
.p10_wz{ width: 36.25%; bottom: 10.87%; left: 3.31%; z-index: 2;}
.p10_xiao_img{ bottom: 13.62%; right: 0; width: 764px; height: 135px; background: url(../images/p10_img_xiao.png) no-repeat 0 3px;}
.p10_xiao_img div{ position: absolute; width: 259px; height: 133px; cursor: pointer;}
.p10_xiao_img .hover{ width: 270px; height: 140px; background: url(../images/p10_hover.png) no-repeat;}
.p10_xiao_img .one{ left: -5px;}
.p10_xiao_img .two{ left: 167px;}
.p10_xiao_img .three{ left: 339px;}
.p10_xiao_img .four{ left: 513px;}
.p10_xiao_img div:last-child.hover{ background: url(../images/p10_hover_last.png) no-repeat;}

.p11_bg{ width: 69.68%; top: -30px; right: 0;}
.p11_img01{ width: 21.25%; top: 9%; left: 50.31%;}
.p11_wz01{ width: 20.56%; top: 48.37%; left: 39.56%;}
.p11_img02{ width: 25.19%; top: 35.37%; right: 4.12%;}
.p11_wz02{ width: 16.75%; top: 82.62%; right: 17.06%;}
.p11_wz{ width: 30.62%; bottom: 6.5%; left: 4.31%;}

.p12_wz{ width: 33.81%; bottom: 11.75%; left: 3.75%;}
.p12_img01{ width: 30.43%; top: 2.37%; left: 34.18%;}
.p12_wz01{ width: 16.25%; top: 14.75%; left: 61.62%;}
.p12_img02{ width: 32%; top: 44.12%; right: 7.75%;}
.p12_wz02{ width: 38.62%; top: 83.25%; right: 11.81%;}

.p13_wz{ width: 25.93%; bottom: 6.87%; left: 4.37%;}
.p13_img01{ width: 32.5%; top: 15.62%; left: 41.18%;}
.p13_wz01{ width: 17.62%; top: 10.5%; left: 41.18%;}
.p13_img02{ width: 67.5%; top: 10.5%; right: 0;}
.p13_wz02{ width: 24.18%; bottom: 16.62%; right: 26.31%;}

.p14_wz{ width: 37.81%; top: 17%; right: 9.25%;}
.p14_icon{ width: 7.12%; bottom: 13.37%; right: 5.37%;}

.p15_wz{ width: 43%; top: 13.37%; left: 2.187%;}
.p16_box{ width: 83.25%; padding-left: 11%; top: 8%;}
.p16_box li{ float: left;}
.p16_box li.first{ width: 62.4%;}
.p16_box li.second{ width: 29%; padding-left: 3%;}

.pzb_box{ margin: 40px auto 0; width: 86.87%; font-size: 18px; color: #c7ab77; display:none;}
.pzb_tit{ margin-bottom: 20px;}
.pzb_box .sel_left{ font-size: 21px; width: 33%; height: 52px; background: #313131; line-height: 52px; display:none;}
.pzb_box .sel_box{ width: 66.8%; height: 52px; background: #313131;}
.pzb_box select{ background: transparent; width: 100%; padding: 0 0 0 35%; height: 52px; line-height: 52px; border: 0; text-align: center; font-size: 24px; color: #c7ab77;}
.pzb_box select option{ font-size: 14px;}
.pzb_box .sel_icon{ top: 88px; right: 23.74%;}
.pzb_fg{ top: 67px; right: 0; width: 20px; height: 52px; background: #313131;}
.pzb_price{ width: 100%; height: 52px; background: #313131; margin-top: 3px; line-height: 52px; text-align: center; font-size: 21px;}
.pzb_cen{ width: 100%; height: 490px; overflow: auto; position: relative; }
.pzb_cen_tit{ height: 42px; line-height: 42px;}
.pzb_tab{ border-collapse: collapse; width: 100%;}
.pzb_tab tr{ background: #313131;}
.pzb_tab td{ width: 50%; font-size: 20px; padding: 10px 14px; text-align: center; border-bottom: 1px solid #000;}
.pzb_tab td.left{ text-align: left; border-right: 2px solid #000;}

.pzb_cen .table{ display: none;}

/*.p17_wz{ width: 30.31%; top: 20%; left: 3.37%;}
.p18_wz{ width: 27.16%; bottom: 16%; right: 2.56%;}
.p19_box{ width: 100%; padding: 0 5.68%; box-sizing: border-box; top: 20.12%;}
.p19_box img{ width: 33.3333%;}
.p19_box img.p19_wz{ width: 75.79%; padding: 4.37% 0 0 3.05%;}
.p20_wz01{ width: 33.12%; top: 11.62%; left: 2.37%;}
.p20_wz02{ width: 30.75%; bottom: 12.62%; left: 2.37%;}
.p21_box{ width: 80.24%; margin: 0 auto; position: relative; top: 2.87%;}
.p21_box li{ position: relative;}
.p21_box li.second{ width: 43.39%;}
.p21_box li img.p21_img01{ width: 36.63%; padding-left: 23.57%;}
.p21_box li img.p21_wz01{ width: 40.09%; top: 58.95%; right: 2.4%;}
.p22_box{ width: 59.93%; bottom: 8.37%; left: 2.34%;}
.p23_box{ width: 80.6%; margin: 0 auto; position: relative; top: 11.5%;}
.p23_box li{ float: left;}
.p23_box li.first{ width: 40.88%;}
.p23_box li.second{ width: 31.98%; padding: 0 1.34%;}
.p23_box li.three{ width: 24.43%;}
.p24_wz{ width: 32.31%; top: 14.12%; right: 3.49%;}
.p25_wz03{ width: 35.18%; top: 12.62%; left: 2.31%; z-index: 2;}
.p25_wz04{ width: 13.5%; bottom: 13.25%; left: 2.31%;}
.p25_box{ width: 65%; position: absolute; bottom: 13.25%; right: 1.81%;}
.p25_box li{ position: relative; float: left; width: 50%;}
.p25_box li img.p25_wz01{ bottom: 0;}
.p26_wz01{ width: 38.56%; top: 10.62%; left: 2.25%;}
.p26_wz02{ width: 27.31%; bottom: 14.75%; left: 2.25%;}
.p26_img01{ width: 68.43%; top: 8.62%; right: 0;}
.p27_wz01{ width: 46.5%; top: 12.25%; left: 8.43%;}
.p27_img01{ width: 35.56%; top: 6.75%; left: 57.06%; z-index: 2;}
.p27_img02{ width: 55%; bottom: 2.25%; left: 3.93%;}
.p27_wz02{ width: 39.37%; top: 73.12%; left: 50.37%; z-index: 2;}
.p28_img{ height: 100%; right: 5.31%; z-index: 0;}
.p28_wz01{ width: 28.12%; top: 15.12%; left: 2.25%;}
.p28_wz02{ width: 26.5%; bottom: 13.87%; right: 4.56%;}
.p29_wz01,.p29_wz02,.p29_wz03{ width: 23.62%; bottom: 13%;}
.p29_wz01{ left: 6.31%;}
.p29_wz02{ left: 38.37%;}
.p29_wz03{ left: 70%;}*/
.reserve{ width: 716px; top: 19.25%; left: 50%; margin-left: -358px;}
.reserve li{ margin-bottom: 22px;}
.reserve li input{ width: 684px; height: 52px; background: url(../images/text_bg.png) no-repeat; border: 0; line-height: 52px; padding: 0 16px; font-size: 16px; color: #fff;}
.reserve li .sel{ height: 52px; overflow: hidden;}
.reserve li .sel_01{ width: 325px; background: url(../images/sel_bg01.png) no-repeat;}
.reserve li .sel_02{ width: 716px; background: url(../images/sel_bg02.png) no-repeat;}
.reserve li .sel select{ height: 52px; background: transparent; padding: 0 16px; border: 0; font-size: 16px; color: #fff; }
.reserve li .sel_01 select{ width: 355px;}
.reserve li .sel select option{ width: 325px; color: #333;}
.reserve li .sel_02 select{ width: 746px;}
.reserve li input.btn{ width: 249px; font-size: 28px; font-weight: bold; background: url(../images/sub_bg.png) no-repeat;}

/*导航*/
.nav_icon{ top: 19px; right: 30px; z-index: 10; display:none;}
.nav{ z-index: 10; top: 0; right: 0; width: 30%; background: #000; padding-bottom: 20px;}
.nav li{ cursor: pointer; text-align: center; overflow: hidden; background: url(../images/nav_fg.png) no-repeat center bottom; padding-bottom: 1px;}
.nav li.lm img{ width: 90%;}
.nav li.first{ height: 59px; text-align: right; color: #fff; line-height: 59px;}
.nav li.first span{ padding: 0 28px;}
.nav li.first img{ padding: 21px 30px 0 45px; text-align: right;}

/* 向下按钮*/
.downbtn{ width: 16px; height: 60px; position: absolute; z-index: 10; bottom: 10px; left: 50%; margin-left: -8px; line-height: 0;}
.downbtn_cen{ width: 16px; height: 29px; margin: 4px 0; background: url(../images/downbtn_cen.png) no-repeat; text-align: center;}
.downbtn img{ vertical-align: top;}

/*底部三个按钮*/
.footerbtn{ bottom: 3%; right: 0; z-index: 99;}
.footerbtn a{ display: inline-block;  line-height: 25px; font-size: 16px;}
.footerbtn a img{ margin-right: 10px; }

/*360*/
.show{ z-index: 5; width: 100%;}
.showbtn{ top: 7.5%; left: 0;}
.showbtn a{ display: inline-block; width: 38px; height: 30px; line-height: 30px; text-align: center; background: #ccc; color: #333;}
.showbtn a:hover,.showbtn a.on,.showbtn a.on:hover{ color: #333; background: #999;}
.showclose{ top: 7.62%; right: 0;}

/* */
.pzb{ width: 100%; height: 100%; top: 0; z-index: 11;}
.pzb_con{ width: 82.87%; margin: 0 auto; height: 100%; overflow-y: auto;}
.pzb_con img{ width: 100%;}
.pzb .pzb_close{ top: 0; left: 91.4%; cursor: pointer;}

@media screen and (max-width:1440px){
	.reserve li input,.reserve li .sel select,.footerbtn a{ font-size: 14px;}
}
@media screen and (max-height:768px){
	.pzb_cen{ height: 380px;}
	.navlist{ top: 10%;}
}
@media screen and (max-height:600px){
	.p9_box{ top: 0;}
	.p5_box{ top: 11%;}
	.p12_box{ top: 7.5%;}
	.reserve{ top: 13.25%;}
	.pzb_cen{ height:290px;}
}

.page6 .bg{ width: 100%; height: 100%; position: absolute;}
.page6 .bg img{ width: 100%; height: 100%; position: absolute;}
.nav .lm img{transform:translateX(0);transition: all 0.3s ease-in;}
.nav .lm:hover img{transform:translateX(-15px); }


.bigc,.policyc,.bigc,.blingc{ display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; z-index: 999; overflow: hidden; }
.car360-content{ position: relative; width: 100%; height: 100%;}
.car360-content .tab-car{ position: absolute; left: -2px; top:-2px; z-index: 9;}
.car360-content .tab-car span{ display: block; float: left; padding:8px 10px; background: #999;color: #000; cursor: pointer;}
.car360-content .tab-car span.current{ background: #ccc; }
.carconten .first{cursor:grab;cursor: -webkit-grab;}
.car360-content .load360,.car360-content .loadns360{top:0;position:absolute;z-index:2;width:100%;left:0; height: 100%;}
.car360-content .load360 span,.car360-content .loadns360 span{position:absolute;top:38%;width:100%;text-align:center;left:0;font-size:18px;color:#fff;}
.bigc .fangda{ display: none; z-index: 999;}
.img-text{ position: absolute; right: 15px; bottom: 15px; color: #fff; background: rgba(0,0,0,0.6); font-size: 12px; padding: 5px 15px;}
.btn-content{ width: 200px; margin: 0 auto; text-align: center;}
.bigc,.policyc,.bigc,.blingc{ display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; z-index: 999; overflow: hidden; }
.policyc img,.blingc img{ position: absolute; left: 0; top: 10%; width: 100%; }
.big-close,.policy-close,.bling-close{ position: absolute; width: 40px; height: 40px; right:0; top:0; background: url("../images/float_btn_close.png") center no-repeat; text-indent: -999em;}
.neishi{ height: 245px;}
.qspagecontent .scrollpage .bg.bg2{ margin-top: 0;}

.animate{ opacity: 0;}

.videobg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background-color: #000000; display: none;}
.videobg .video{ width: 100%;position: absolute; bottom: 0; left: 0;}
.videobg .vclose{top: 40px; right: 40px; width: 45px; height: 45px; cursor: pointer; opacity: 0.6; position: absolute; transition: all 0.3s ease-in; }
.videobg .vclose:hover{opacity: 1;}

.mark{ background-color: #1a1a1a;position: fixed; top: 0; left: 0;width: 100%;z-index: 200000; height: 100%; }
.mark img{ width: 400px; height: 300px; margin-left: -200px; margin-top: -150px; position: absolute; left: 50%; top: 50%;}

#qspage .page1 .bg{top:auto; bottom: 0; margin-top: 0;}